<html>
<head>

 <meta charset="utf-8" />
  <title> Absensi | Energeek</title>
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="stylesheet" href="<?php echo base_url();?>/assets/css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo base_url();?>/assets/css/animate.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo base_url();?>/assets/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo base_url();?>/assets/css/font.css" type="text/css" cache="false" />
  <link rel="stylesheet" href="<?php echo base_url();?>/assets/js/fuelux/fuelux.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo base_url();?>/assets/js/datatables/datatables.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo base_url();?>/assets/css/plugin.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo base_url();?>/assets/css/app.css" type="text/css" />
  


</head>


<body>

            <div class="tab-pane" id="datatable">
              <section class="panel">
                <header class="panel-heading">
                  DataTables 
                  <i class="fa fa-info-sign text-muted" data-toggle="tooltip" data-placement="bottom" data-title="ajax to load the data."></i> 
                </header>
                <div class="table-responsive">
                  <table class="table table-striped m-b-none" data-ride="datatables">
                    <div class="row">
                        <div class="col-sm-6">
                            <div id="DataTables_Table_0_length" class="dataTables_length">
                                <label> Show 
                                    <select size="1" name="DataTables_Table_0_length" aria-controls="DataTables_Table_0">
                                        <option value="10" selected="selected">10</option>
                                        <option value="25"> 25</option>
                                        <option value="50"> 50</option>
                                        <option value="100"> 100</option>
                                    </select>
                                    entries
                                </label>
                            </div>
                        </div>
                        
                        <div class="col-sm-6">
                            <form action="<?php print site_url();?>/absensi/cari" method=POST>
                            <div class="dataTables_filter" id="DataTables_Table_0_filter">
                                <label> Search by ID USER :  
                                    <input type="text" name="search" /> 
                                </label>
                                    <div class="btn btn-group">
                                        <button class="btn-default" type="submit" value="search"> <span class="fa fa-search"></span></button>
                                        <button class="btn-default" type="submit" value="search"> <span class="fa fa-clock">  <a href="<?php print site_url();?>/absensi/tampil"> <font color="white"> ALL </font></span></button>
                                    </div>
                            </div>
                            </form>
                        <div id="DataTables_Table_0_processing" class="dataTables_processing" style="visibility: hidden;">Processing...</div>
                        </div>
                    
                <table class="table table-hover m-b-none dataTable" data-ride="datatables" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info">
                      
                    <thead>
                      <tr role="row">
                        <th width="5%"   > NO.</th>
                        <th width="11%"  > ID ABSEN</th>
                        <th width="10%"  > ID USER</th>
                        <th width="15%"  > JAM MASUK</th>
                        <th width="15%"  > JAM PULANG</th>
                        <th width="16.5%"> PATH FOTO</th>
                        <th width="16.5%"> PATH FOTO PULANG</th>
                        <th width="11%"  > KETERANGAN</th>
                      </tr>
                    </thead>
                    
                    <tbody >
                        <?php $nomer=1; ?>
                        <?php foreach ($isi as $data){ ?>
                      <tr>
                            <td><?php echo $nomer ?></td>
                            <td><?php echo $data->ID_ABSEN; ?></td>
                            <td><?php echo $data->ID_USER; ?></td>
                            <td><?php echo $data->JAM_MASUK; ?></td>
                            <td><?php echo $data->JAM_PULANG; ?></td>
                            <td><center><img src="<?php echo $data->PATH_FOTO; ?>" width="150 px" height="100 px"/>
                            <td><center><img src="<?php echo $data->PATH_FOTO2; ?>" width="150 px" height="100 px"/>
                            <td><?php echo $data->KETERANGAN; ?></td>

                       </tr>

                        <?php $nomer++; } ?>
                    
                    </tbody>
                  </table>
                             
                  
                </div>
              </section>
            </div>
          </div>
        </section>
      </section>
      <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen" data-target="#nav"></a>
    </section>
    
    
    
  <script src="<?php echo base_url();?>/assets/js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="<?php echo base_url();?>/assets/js/bootstrap.js"></script>

  <!-- datatables -->
  <script src="<?php echo base_url();?>/assets/js/datatables/jquery.dataTables.min.js"></script>
  
 <!--<script>  $('[data-ride="datatables"]').each(function() {
           var oTable = $(this).dataTable( {
			"bProcessing": true,
			"sAjaxSource": "<?php echo base_url()?>index.php/absensi/json_tampil",
			"sDom": "<'row'<'col-sm-6'l><'col-sm-6'f>r>t<'row'<'col-sm-6'i><'col-sm-6'p>>",
			"sPaginationType": "full_numbers",
			"aoColumns": [
				{ "mData": "ID_ABSEN" },
				{ "mData": "ID_USER" },
				{ "mData": "JAM_MASUK" },
				{ "mData": "JAM_PULANG" },
				{ "mData": "PATH_FOTO" },
				{ "mData": "PATH_FOTO2" },
				{ "mData": "KETERANGAN" }
			]
		} );
	});
  </script>-->
  
   <script src="<?php echo base_url();?>/assets/js/script.js"></script>
            
            
</body>
</html>